<template>
  <div style="margin-top: 20px">
    <el-card class="box-card21">
      <div class="clearfix">
        <span style="font-size: 1.5em; font-weight: bold; margin-left: 10px"
          >综合设备到货验收表</span
        >
        <div style="float: right">
          <el-button type="primary" size="small">关闭</el-button>
          <el-button type="danger" size="small" style="margin-left: 10px"
            >编辑</el-button
          >
          <el-button type="danger" size="small" style="margin-left: 10px"
            >删除</el-button
          >
          <el-button type="danger" size="small" style="margin-left: 10px"
            >导出</el-button
          >
          <el-button type="danger" size="small" style="margin-left: 10px"
            >打印</el-button
          >
        </div>
      </div>
      <div
        class="status"
        style="float: right; margin-right: 20px; margin-top: 20px"
      >
        <svg-icon icon-class="daipan" style="width: 110px; height: 100px" />
      </div>
      <div style="margin-top: 40px">
        <div style="margin-left: 10px">创建人：许含斌</div>
        <div style="margin-top: -20px; margin-left: 290px">
          创建时间：2025-07-12 10:04:39
        </div>
        <div style="margin-top: 25px; margin-left: 10px">
          任务进度：<el-progress
            :percentage="50"
            style="width: 520px"
          ></el-progress>
        </div>
      </div>
      <el-tabs style="margin-top: 50px">
        <el-tab-pane label="任务信息">
          <el-card>
            <div slot="header" class="clearfix">
              <span>基本信息</span>
            </div>
            <el-row
              :gutter="20"
              style="line-height: 3; margin-left: 90px; margin-right: -230px"
            >
              <el-col :span="12">
                <div>盘点单号：M123456</div>
                <div>计划开始时间：CK6150</div>
                <div>移动端配置：沈阳机床股份有限公司</div>
                <div>备注：SMTCL</div>
              </el-col>
              <el-col :span="12">
                <div>任务名称：数控车床</div>
                <div>计划结束时间：中国</div>
              </el-col>
            </el-row>
          </el-card>
          <!--盘点范围-->
          <el-card style="margin-top: 10px">
            <div slot="header" class="clearfix">
              <span>盘点范围</span>
            </div>
            <el-row
              :gutter="20"
              style="line-height: 3; margin-left: 90px; margin-right: -230px"
            >
              <el-col :span="12">
                <div>使用部门：M123456</div>
                <div>设备类型：CK6150</div>
                <div>设备状况：沈阳机床股份有限公司</div>
                <div>盘点字段：SMTCL</div>
              </el-col>
            </el-row>
          </el-card>
          <!--盘点人员-->
          <el-card style="margin-top: 10px">
            <div slot="header" class="clearfix">
              <span>盘点人员</span>
            </div>
            <el-row
              :gutter="20"
              style="line-height: 3; margin-left: 90px; margin-right: -230px"
            >
              <el-col :span="12">
                <div>盘点部门：M123456</div>
                <div>盘点人员：CK6150</div>
              </el-col>
            </el-row>
          </el-card>
        </el-tab-pane>
        <el-tab-pane label="盘点清单">
          <el-card style="margin-top: 10px"">
            <div slot="header" class="clearfix">
              <span>盘点清单</span>
            </div>
            <div>
              <el-button-group style="margin-bottom: 10px">
                <el-button type="primary">全部</el-button>
                <el-button>未盘</el-button>
                <el-button>已盘</el-button>
                <el-button>盘盈</el-button>
                <el-button>导出</el-button>
              <el-input
                placeholder="请输入设备编号或名称"
                style="width: 200px; margin-bottom: 10px ;margin-left: 610px"
                suffix-icon="el-icon-search"
              ></el-input>
              </el-button-group>
              <el-table :data="tableData" style="width: 100%">
                <el-table-column type="selection" width="55"></el-table-column>
                <el-table-column
                  prop="index"
                  label="序号"
                  width="60"
                ></el-table-column>
                <el-table-column prop="code" label="设备编号"></el-table-column>
                <el-table-column prop="name" label="设备名称"></el-table-column>
                <el-table-column
                  prop="model"
                  label="规格型号"
                ></el-table-column>
                <el-table-column prop="type" label="设备类型"></el-table-column>
                <el-table-column prop="brand" label="品牌"></el-table-column>
                <el-table-column
                  prop="status"
                  label="当前状态"
                ></el-table-column>
                <el-table-column
                  prop="location"
                  label="存放位置"
                ></el-table-column>
                <el-table-column
                  prop="department"
                  label="所属部门"
                ></el-table-column>
                <el-table-column prop="person" label="盘点人"></el-table-column>
              </el-table>
            </div>
          </el-card>
        </el-tab-pane>
        <el-tab-pane label="执行进度"> </el-tab-pane>
        <el-tab-pane label="审核记录">
          <el-card>
            <div slot="header" class="clearfix">
              <span>审核记录</span>
            </div>
            <div>
              <el-button style="margin-bottom: 10px;">导出</el-button>
              <el-table :data="tableData4" style="width: 100%">
                <el-table-column type="selection" width="55" align="center"></el-table-column>
                <el-table-column prop="index" label="序号" width="60" align="center"></el-table-column>
                <el-table-column prop="step" label="操作节点" align="center"></el-table-column>
                <el-table-column prop="operator" label="操作人" align="center"></el-table-column>
                <el-table-column prop="action" label="操作" align="center" </el-table-column>
                  <el-table-column prop="time" label="操作时间" align="center"></el-table-column>
                  <el-table-column prop="content" label="审批内容" align="center"></el-table-column>
              </el-table>
            </div>
          </el-card>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
        //审核记录
        tableData4: [
        { index: 1, step: '提交节点', operator: '乾颐雅', action: '提交', time: '2022-07-12 10:04:39', content: '-' },
        { index: 2, step: '仓库管理员', operator: '谢文茜', action: '通过', time: '2022-07-12 12:20:12', content: '领用原因核实无误，符合要求，批准申请。' },
        { index: 3, step: '部门经理', operator: '萧文惠', action: '通过', time: '2022-07-13 10:04:39', content: '领用符合公司管理规定和流程，批准。' },
      ],
      tableData: [
        { index: 1, code: 'SB2022111713202', name: '机床', model: 'CNC-500', type: '生产设备', brand: '三无产品', status: '未盘', location: '生产车间A区', department: '生产部门', person: '曹曦' },
        { index: 2, code: 'SB2022111713202', name: '机床', model: 'CNC-500', type: '生产设备', brand: '三无产品', status: '已盘', location: '生产车间A区', department: '生产部门', person: '曹曦' },
        { index: 3, code: 'SB2022111713202', name: '机床', model: 'CNC-500', type: '生产设备', brand: '三无产品', status: '盘盈', location: '生产车间A区', department: '生产部门', person: '曹曦' },
        { index: 4, code: 'SB2022111713202', name: '机床', model: 'CNC-500', type: '生产设备', brand: '三无产品', status: '盘盈', location: '生产车间A区', department: '生产部门', person: '曹曦' },
        { index: 5, code: 'SB2022111713202', name: '机床', model: 'CNC-500', type: '生产设备', brand: '三无产品', status: '盘盈', location: '生产车间A区', department: '生产部门', person: '曹曦' },
      ],
    };
  },
  computed: {},
  methods: {},
};
</script>

<style scoped>
.box-card21 {
  width: 1254px;
  /* height: 4010px; */
  margin-left: 30px;
}

.summary {
  margin-top: 10px;
  text-align: right;
}
</style>
